<template>
    <div id="app">
        <h1 style="text-align: center; margin-left: -250px">网站预约挂号流程</h1>
        <div style="height: 650px; width: 300px; margin: 0 auto">
            <el-steps  direction="vertical" :active="active">
                <el-step title="点击提交学习记录" description=""></el-step>
                <el-step title="填写个人基本信息" description=""></el-step>
                <el-step title="选择要提交的类别" description=""></el-step>
                <el-step title="点击提交记录" description=""></el-step>
                <el-step title="填写具体的内容" description=""></el-step>
                <el-step title="查询提交结果" description=""></el-step>
                <el-step title="填写个人基本信息" description=""></el-step>
                <el-step title="下载具体的提交信息" description=""></el-step>
                <el-step title="下载成功" description=""></el-step>
            </el-steps>
        </div>
    </div>
</template>

<script>
    export default {
        name: "afterKnow",
        data() {
            return{
                active: 7,
            }

        },
        created() {

        },
        methods: {},
    }
</script>

<style scoped>
    #app {
        width: 100%;
    }
</style>